<!DOCTYPE html>
<head>
	<title>Create Account</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<link href="../view/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="../view/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
	<link href="../view/bootstrap/css/templatemo_style.css" rel="stylesheet" type="text/css">
</head>
<body ng-app="formApp" ng-controller="formController" class="templatemo-bg-gray">
    <div id="messages" ng-show="success1">{{success1}}</div>

    <form ng-submit="processForm()">

         <!-- NAME -->
        <div id="name-group" class="form-group">
            <label>Name</label>
            <input type="text" name="name" class="form-control" placeholder="Bruce Wayne" ng-model="formData.name">
            <span class="help-block"></span>
        </div>

        <!-- SUPERHERO NAME -->
        <div id="superhero-group" class="form-group">
            <label>Superhero Alias</label>
            <input type="text" name="superheroAlias" class="form-control" placeholder="Caped Crusader" ng-model="formData.superheroAlias">
            <span class="help-block"></span>
        </div>

        <!-- SUBMIT BUTTON -->
        <button type="submit" class="btn btn-success btn-lg btn-block">
            <span class="glyphicon glyphicon-flash"></span> Submit!
        </button>
    </form>

    <!-- SHOW DATA FROM INPUTS AS THEY ARE BEING TYPED -->
    <pre>
        {{success1}}
        {{formData}}
    </pre>
    </form>
    <!--script type="text/javascript" src="/blog/view/angularjs/angular.js"></script>
    <script type="text/javascript" src="/blog/view/bootstrap/js/bootstrap.min.js"></script-->
    <script type="text/javascript" src="/blog/view/jquery/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="/blog/view/angularjs/angular.js"></script>
    <script src="main1.js"></script>
</body>
</html>